<template>
  <div class="Footer">
    <div class="Footer-1">
      <div class="block-des">
        <div class="des-title">产品展示</div>
        <div class="des-content">
          移动端
        </div>
      </div>
      <div class="block-des">
        <div class="des-title">服务</div>
        <div class="des-content">
          教程
        </div>
        <div class="des-content">
          问题反馈
        </div>
      </div>
      <div class="block-des">
        <div class="des-title">关于</div>
        <div class="des-content">
          使用条款
        </div>
        <div class="des-content">
          隐私协议
        </div>
        <div class="des-content">
          关于我们
        </div>
      </div>
      <div class="block-des">
        <div class="des-title">联系我们</div>
        <div class="des-chat">
          <el-popover placement="top" trigger="hover" transition="none">
            <img :src="imgUrl" alt="">
            <div class="chat" slot="reference">
              <i class="iconfont icon-weibo" />
            </div>
          </el-popover>
          <el-popover placement="top" trigger="hover" transition="none">
            <img :src="imgUrl" alt="">
            <div class="chat" slot="reference">
              <i class="iconfont icon-wechat" />
            </div>
          </el-popover>
          <el-popover placement="top" trigger="hover" transition="none">
            <img :src="imgUrl" alt="">
            <div class="chat" slot="reference">
              <i class="iconfont icon-qq" />
            </div>
          </el-popover>
        </div>
        <div class="des-content">
          邮箱: Xxx@qq.com
        </div>
      </div>
    </div>
    <div class="Footer-2">
      ©2017〜2019 XXX版权｜毕设项目
    </div>
  </div>
</template>

<script>

export default {
  name: '',
  components: {},
  data () {
    return {
      imgUrl: require("../../assets/erweima.jpg")
    };
  },
  methods: {
  },
}
</script>
<style lang='scss' scoped src="./index.scss" />